<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="Author" content="benben" />
	<meta name="description" content="抽屉(sotee)-提供无限制的免费网络硬盘,还是一个领先的搜索引擎和一个真实的互动个性空间, 
	会员可尽情玩休闲互动游戏,打免费网络电话,免费观看在线视频和分享视频,免费试听在线音乐,还可以认识帅哥美女" />
	<meta name="keywords" content="网络硬盘" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>抽屉网-免费网络硬盘,资源分享平台</title>
	<link href="/soteeTemplate/common/default.css" type="text/css" rel="stylesheet" />
	<link href="/soteeTemplate/common/profile.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="/soteeTemplate/common/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="/soteeTemplate/common/js/common.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
	//初始化选项卡
	Sotee.initTabBar("#tabbar", {
		panels: "#tbPanel", type: 0, tabs: [
			{ panel: "#panel1", blank:55, text: "基本资料" },
			{ panel: "#panel2", blank:55, text: "资源偏好" },
			{ panel: "#panel3", blank:55, text: "头像照片" }
		]
	});
	//初始化下拉框的值
	//生日选项（年月日）
	var st = ['<option value="', '">', '</option>'];
	$("#birthday select").each(function(idx, item) {
		var h = [];
		if(idx < 1) {
			for(var i = 2011; i > 1970; i--) {
				h.push(st[0], i, st[1], i, st[2]);
			}//Endfor
		}else {
			for(var i = 0; ++i < 32;) {
				h.push(st[0], i, st[1], i, st[2]);
				idx < 2 && i == 12 && (i = 31);
			}//Endfor
		}//Endif
		$(this).html(h.join(''));
	});
	//生肖选项
	$("#zodiac").html("鼠,牛,虎,兔,蛇,马,羊,猴,鸡,狗,猪"
		.replace(/([^,]+),?/g, '<option value="$1">$1</option>'));
	//初始化组面板
	Sotee.initGroupPanel("#panel2");
});
//-->
</script>	
</head>

<body>
<!-- 页面幅宽控制 -->
<div align="center"><div class="bodyWrap font">
	<!-- pageTop Start -->
	<div align="right" class="topBarWrap">
		<div align="right" class="topBar">
			<!-- 已登录 -->
			<span id="s2">晚上好，【<span class="green01">benben</span>】
			<a href="javascript:void(0);" id="logoutBtn">退出</a></span>
			&nbsp;<img src="/soteeTemplate/image/splitLine01.gif" align="absmiddle" />
			&nbsp;<a href="#">意见反馈</a>
			&nbsp;&nbsp;&nbsp;&nbsp;<span class="blue01">[ <a href="#" class="blue01">免费注册</a> ]</span>
		</div>
	</div>
	<div class="pageTopWrap">
		<div class="logo"></div>
		<div align="left" class="pageTopRight">
			<!-- SearchBar Start -->
			<div class="searchBarWrap" id="searchBar">
				<div style="padding:4px 4px 0 9px">
					<div style="width:66px;padding-top:3px;float:left;">
						<a href="javascript:void(0);" class="searchClassBtn"></a>
						<span class="seaText" idx="0">全部</span>
						<div class="clear"></div>
					</div>
					<div style="width:286px;float:right">
						<a href="javascript:void(0);" class="searchBtn"><b>搜索</b></a>
						<input type="text" class="keyField" defaultTxt="请输入搜索关键字..."/>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- SearchBar End -->
		</div>
		<div class="clear"></div>
	</div>
	<!-- pageTop End -->
	<!-- pageCaption Start -->
	<div class="pageCaptionWrap">
		<div align="right" class="pageCaption"><div class="captionLeft">
			<div class="captionRight"><div align="left" class="captionBody">
				Home &gt; Center &gt; InfoSettings
			</div></div>
		</div></div>
	</div>
	<!-- pageCaption End -->
	<!-- pageBody Start -->
	<div class="pageBodyTopLeft">
		<div class="pageBodyTopRight"><div align="left" class="pageBodyTop">
			<div style="width:254px;height:10px;border-right:1px solid #dfdfdf"></div>
		</div></div>
	</div>
	<div align="left" class="pageBody">
		<!-- pageBodyLeft Start -->
		<div class="memberInfo"><div style="padding:0 8px">
			<!-- 会员信息 Start-->
			<table class="layoutTable" border="0" style="float:right">
				<tr>
					<td align="right" height="33px" width="60px">用户积分：</td>
					<td class="memInfoField">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;580
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="用户积分"/>
					</td>
				</tr><tr>
					<td align="right" height="35px">佣金：</td>
					<td class="memInfoField blue03">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;137
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="佣金:快来转钱啊"/>
					</td>
				</tr>
			</table>
			<!-- 会员头像-->
			<img src="/soteeTemplate/image/head.s.jpg" style="border:4px solid #ddd;"/>
			<!-- 其它信息-->
			<table class="layoutTable" border="0" style="table-layout:fixed;margin-top:10px">
				<tr>
					<td height="28px" width="85px">用户等级：</td>
					<td>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
					</td>
				</tr><tr>
					<td height="28px">网盘空间大小：</td>
					<td style="padding:0px">
						<!-- 网盘进度条 -->
						<div align="left" class="progressBarWrap">
							<div class="progressBarRight" style="width:62%">
								<div class="progressBarLeft"><div></div></div>
							</div>
						</div>
					</td>
				</tr><tr>
					<td height="28px">上次登录时间：</td>
					<td class="blue03">2011年7月10日</td>
				</tr><tr>
					<td height="28px">您的IP地址：</td>
					<td class="red">192.168.1.125</td>
				</tr>
			</table>
			<br/>
			<!-- 功能连接 -->
			<div class="funLinksWrap">
				<div class="funLinks">
					<!-- Item Start -->
					<div class="linkItem">
						<!-- 这是一个特殊的Item -->
						<span>
							<img src="/soteeTemplate/image/message.gif" align="absmiddle"/>&nbsp;
							<a href="#">[1]</a>&nbsp;
							<img src="/soteeTemplate/image/mail.gif" align="absmiddle"/>&nbsp;
							<a href="#">[8]</a>&nbsp;
						</span>
						<a class="link link1" href="#"></a>
						<div class="clear"></div>
					</div>
					<!-- Item End -->
					<div class="linkItem"><a class="link link2" href="#"></a></div>
					<div class="linkItem"><a class="link link3" href="#"></a></div>
					<div class="linkItem"><a class="link link4" href="#"></a></div>
					<div class="linkItem"><a class="link link5" href="#"></a></div>
					<div class="linkItem"><a class="link link6" href="#"></a></div>
					<div class="linkItem"><a class="link link7" href="#"></a></div>
					<div class="linkItem"><a class="link link8" href="#"></a></div>
				</div>
			</div>
			<br/><br/><br/>
		</div></div>
		<!-- pageBodyLeft End -->
		<!-- pageBodyRight Start -->
		<div style="width:718px;float:right" id="tbPanel">
			<div class="tabwrap" style="padding-left:5px">
				<div id="tabbar"></div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- pageBodyRight End -->
		<div class="clear"></div>
		<br/>
	</div>
	<div class="pageBodyBtmLeft">
		<div class="pageBodyBtmRight"><div class="pageBodyBtm">
		</div></div>
	</div>
	<!-- pageBody End -->
	<br/>
	<!-- pageBottom Start -->
	<div align="center" class="pageBtmWrap">
		<a href="#">关于我们</a> |
		<a href="#">联系我们</a> |
		<a href="#">招聘贤士</a> |
		<a href="#">隐私保护</a> |
		<a href="#">版权声明</a> ※
		<span class="blue02">抽屉（北京）网络科技有限公司</span><br/>
		Tel：010-68510613
		E-mail：<a href="mailto:mklp98999@163.com">mklp98999@163.com</a><br/>
		Copyright &copy; 2011-2012 sotee.com, All Rights Reserved.<br/><br/>
	</div>
	<!-- pageBottom End -->
</div></div>

<!-- 基本资料面板 -->
<div id="panel1" style="display:none">
	<table class="layoutTable" border="0">
		<tr>
			<td align="right" height="38px" width="80px">邮箱：&nbsp;</td>
			<td>
				<a href="mailto:51jsr@163.com" class="blue03">51jsr@163.com</a>
			</td>
		</tr><tr>
			<td align="right" height="38px" >UID：&nbsp;</td>
			<td class="blue03">123456789</td>
		</tr><tr>
			<td align="right" height="38px" >昵称：&nbsp;</td>
			<td>本本</td>
		</tr><tr>
			<td align="right" height="38px" >真实姓名：&nbsp;</td>
			<td>
				<input type="text" class="textField" id="iptText"
						style="width:180px" defaultTxt="您输入您的真实姓名... "/>
			</td>
		</tr><tr>
			<td align="right" height="38px" >性别：&nbsp;</td>
			<td>
				<label for="rdMen">
					<input type="radio" name="sexItem" class="rdBox" id="rdMen" checked/> 男
				</label>
				<label for="rdWomen">
					<input type="radio" name="sexItem" class="rdBox" id="rdWomen"/> 女
				</label>
			</td>
		</tr><tr>
			<td align="right" height="38px" >生日：&nbsp;</td>
			<td id="birthday">
				<select></select> 年
				<select></select> 月
				<select></select> 日
			</td>
		</tr><tr>
			<td align="right" height="38px" >星座：&nbsp;</td>
			<td>摩羯座</td>
		</tr><tr>
			<td align="right" height="38px" >生肖：&nbsp;</td>
			<td>
				<select id="zodiac"></select>
			</td>
		</tr><tr>
			<td align="right" height="38px" >出生地：&nbsp;</td>
			<td>
				<select>
					<option>选择省份</option>
				</select>
				<select>
					<option>选择城市</option>
				</select>
				<select>
					<option>选择地区</option>
				</select>
			</td>
		</tr><tr>
			<td align="right" height="38px" >现居住地：&nbsp;</td>
			<td>
				<select>
					<option>选择省份</option>
				</select>
				<select>
					<option>选择城市</option>
				</select>
				<select>
					<option>选择地区</option>
				</select>
			</td>
		</tr><tr>
			<td align="right" valign="top" style="padding-top:13px">自我简介：&nbsp;</td>
			<td style="padding-top:10px">
				<textarea></textarea>
			</td>
		</tr><tr>
			<td height="60px"></td>
			<td>
				<input type="image" src="/soteeTemplate/image/buttons/confirmBtn.png"/>
			</td>
		</tr>
	</table>
</div>

<!-- 资料偏好面板 -->
<div id="panel2" style="display:none">
	<!-- 组面板由一个B标签和一个DIV标签组成，isExpand属性为此面板的默认展开状态 -->
	<!-- GroupPanel Start -->
	<b isExpand="true">影视偏好设置</b>
	<div>
		<p>
			<label for="ys01">
				<input type="checkbox" id="ys01" class="crBox"/> 偶像剧
			</label>
			<label for="ys02">
				<input type="checkbox" id="ys02" class="crBox"/> 伦理剧
			</label>
			<label for="ys03">
				<input type="checkbox" id="ys03" class="crBox"/> 历史剧
			</label>
			<label for="ys04">
				<input type="checkbox" id="ys04" class="crBox"/> 年代剧
			</label>
			<label for="ys05">
				<input type="checkbox" id="ys05" class="crBox"/> 言情剧
			</label>
			<label for="ys06">
				<input type="checkbox" id="ys06" class="crBox"/> 古装剧
			</label>
		</p><p>
			<label for="ys07">
				<input type="checkbox" id="ys07" class="crBox"/> 武侠剧
			</label>
			<label for="ys08">
				<input type="checkbox" id="ys08" class="crBox"/> 都市剧
			</label>
			<label for="ys09">
				<input type="checkbox" id="ys09" class="crBox"/> 农村剧
			</label>
			<label for="ys10">
				<input type="checkbox" id="ys10" class="crBox"/> 科幻剧
			</label>
		</p>
	</div>
	<!-- GroupPanel End -->
	<b isExpand="true">软件偏好设置</b>
	<div>
		<p>
			<label for="rj01">
				<input type="checkbox" id="rj01" class="crBox"/> 偶像剧
			</label>
			<label for="rj02">
				<input type="checkbox" id="rj02" class="crBox"/> 伦理剧
			</label>
			<label for="rj03">
				<input type="checkbox" id="rj03" class="crBox"/> 历史剧
			</label>
		</p>
	</div>
	<b>新闻偏好设置</b>
	<div>
		<p>
			<label for="xw01">
				<input type="checkbox" id="xw01" class="crBox"/> 偶像剧
			</label>
			<label for="xw02">
				<input type="checkbox" id="xw02" class="crBox"/> 伦理剧
			</label>
			<label for="xw03">
				<input type="checkbox" id="xw03" class="crBox"/> 历史剧
			</label>
			<label for="xw04">
				<input type="checkbox" id="xw04" class="crBox"/> 历史剧
			</label>
		</p>
	</div>
</div>

<!-- 头像照片面板 -->
<div id="panel3" style="padding:12px 15px;display:none">
	<!-- 面板左侧 -->
	<div style="width:380px;float:left">
		<div class="pageBodyTopLeft" style="border:none">
			<div class="pageBodyTopRight"><div class="pageBodyTop">
			</div></div>
		</div>
		<div align="center" class="pageBody" style="padding:5px">
			<div class="headsPanelTop">
			</div>
			<div align="left" class="headsPanelBody">
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head01.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head02.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head03.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head04.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head05.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head06.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head07.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head08.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head09.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head10.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head11.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head12.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head13.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head14.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head15.jpg" border="0" /></a>
				<a href="#"><img src="/soteeTemplate/image/profile/heads/head16.jpg" border="0" /></a>
				<div class="clear"></div>
			</div>
			<div style="height:40px">
				<input type="image" src="/soteeTemplate/image/buttons/updHeadBtn.png"/>
			</div>
		</div>
		<div class="pageBodyBtmLeft">
			<div class="pageBodyBtmRight"><div class="pageBodyBtm">
			</div></div>
		</div>
	</div>
	<!-- 面板右侧 -->
	<div style="width:295px;float:right">
		<div class="pageBodyTopLeft" style="border:none">
			<div class="pageBodyTopRight"><div class="pageBodyTop">
			</div></div>
		</div>
		<div class="pageBody" style="padding:4px 10px;">
			<div class="helpPanelTop">
				<div class="helpContent">
					1. 建议您上传真实照片，展示真我风采。<br/>
					2. 您也可以从本地上传，文件大小不大于2M。<br/>
					3. 头像将在好友动态、圈子、即时聊天中展示。<br/>
					4. 立即上传，让更多的网友认识您！<br/>
					5. 头像实例：
				</div>
			</div>
			<div style="height:207px">
				<ul class="helpPanelBtm">
					<li>尽量为本人照片</li>
					<li>头像清晰易识别</li>
					<li>照片为近期拍摄</li>
					<li>生活中的照片</li>
				</ul>
			</div>
		</div>
		<div class="pageBodyBtmLeft">
			<div class="pageBodyBtmRight"><div class="pageBodyBtm">
			</div></div>
		</div>
	</div>
	<div class="clear"></div>
</div>

</body>
</html>